<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>推荐管理</title>

    <script src="js/jquery-2.2.1.min.js"></script>
    <!-- BOOTSTRAP STYLES-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <script src="js/bootstrap.min.js"></script>
    <!-- FONTAWESOME STYLES-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
    <!--CUSTOM BASIC STYLES-->
    <link href="assets/css/basic.css" rel="stylesheet" />
    <!--CUSTOM MAIN STYLES-->
    <link href="assets/css/custom.css" rel="stylesheet" />
    <!-- GOOGLE FONTS-->
    <link href='css/fontsCss.css' rel='stylesheet' type='text/css' />

    <link href="css/recommend.css" rel="stylesheet" type="text/css">
    <link href="css/main.css" rel="stylesheet" type="text/css">

    <!--树列表-->
    <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="js/jquery.ztree.core.js"></script>

    <script src="js/recommend/recommend.js"></script>
    <script src="js/main.js"></script>
    <script src="js/utlities.js"></script>
</head>
<body>
<div id="wrapper">

    <!-- /. NAV TOP  -->

    <!-- /. NAV SIDE  -->
    <div id="page-wrapper">
        <div class="page-inner">
            <div>
                <div class="col-md-12">
                    <h4 class="page-head-line">推荐管理</h4>
                </div>
            </div>
            <div>
            </div>
            <!-- /. ROW  -->
            <div id="content">
                <div class="divContent">
                    <div style="margin-top: 10px">
                        <div class="tabCard">
                            <img src="images/19.png" style="position: absolute">
                            <img src="images/11-1.png" class="tabCardImage" style="margin-left: 129px">
                        </div>
                        <div class="col-sm-2 control-label" style="padding-top: 4px">栏目</div>
                        <div class="col-sm-10" onclick="selectBelong('0')">
                            <span class="hidden" id="id-0"></span>
                            <span class="hidden" id="columnId-0"></span>
                            <input type="text" readonly class="inputText" id="column-0" style="cursor: pointer">
                        </div>
                    </div>
                    <div>
                        <div class="col-sm-12">
                            <a class="btn btn-primary button" onclick="saveRec('0')">
                                <i class="fa fa-save"></i>
                                &nbsp;保存
                            </a>
                        </div>
                    </div>
                </div>

                <div class="divContent">
                    <div style="margin-top: 10px">
                        <div class="tabCard">
                            <img src="images/20.png" style="position: absolute">
                            <img src="images/11-2.png" class="tabCardImage" style="margin-left: 135px">
                        </div>
                        <div class="col-sm-2 control-label" style="padding-top: 4px">栏目</div>
                        <div class="col-sm-10" onclick="selectBelong('1')">
                            <span class="hidden" id="id-1"></span>
                            <span class="hidden" id="columnId-1"></span>
                            <input type="text" readonly class="inputText" id="column-1" style="cursor: pointer">
                        </div>
                    </div>
                    <div>
                        <div class="col-sm-12">
                            <a class="btn btn-primary button" onclick="saveRec('1')">
                                <i class="fa fa-save"></i>
                                &nbsp;保存
                            </a>
                        </div>
                    </div>
                </div>

                <div class="divContent">
                    <div style="margin-top: 10px">
                        <div class="tabCard">
                            <img src="images/21.png" style="position: absolute">
                            <img src="images/11-3.png" class="tabCardImage" style="margin-left: 99px">
                        </div>
                        <div class="col-sm-2 control-label" style="padding-top: 4px">栏目</div>
                        <div class="col-sm-10" onclick="selectBelong('2')">
                            <span class="hidden" id="id-2"></span>
                            <span class="hidden" id="columnId-2"></span>
                            <input type="text" readonly class="inputText" id="column-2" style="cursor: pointer">
                        </div>
                    </div>
                    <div>
                        <div class="col-sm-12">
                            <a class="btn btn-primary button" onclick="saveRec('2')">
                                <i class="fa fa-save"></i>
                                &nbsp;保存
                            </a>
                        </div>
                    </div>
                </div>

                <div class="divContent">
                    <div style="margin-top: 10px">
                        <div class="tabCard">
                            <img src="images/22.png" style="position: absolute">
                            <img src="images/11-4.png" class="tabCardImage" style="margin-left: 97px">
                        </div>
                        <div class="col-sm-2 control-label" style="padding-top: 4px">栏目</div>
                        <div class="col-sm-10" onclick="selectBelong('3')">
                            <span class="hidden" id="id-3"></span>
                            <span class="hidden" id="columnId-3"></span>
                            <input type="text" readonly class="inputText" id="column-3" style="cursor: pointer">
                        </div>
                    </div>
                    <div>
                        <div class="col-sm-12">
                            <a class="btn btn-primary button" onclick="saveRec('3')">
                                <i class="fa fa-save"></i>
                                &nbsp;保存
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /. ROW  -->

        </div>
        <!-- /. PAGE INNER  -->
    </div>
    <!-- /. PAGE WRAPPER  -->
    <!--提示弹窗-->
    <div class="modal fade" id="infomodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 260px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <div style="font-family: 微软雅黑;" id="info"></div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="modal_confirm">确定</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--栏目所属-->
    <div class="modal fade" id="columnmodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 260px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <div style="font-family: 微软雅黑;width: 100%" align="center">
                        <span class="hidden" id="list_i"></span>
                        <div class="content_wrap">
                            <div class="left">
                                <ul id="selectTree" class="ztree"></ul>
                            </div>
                        </div>
                    </div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="column_confirm">确定</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="column_cancel" onclick="modalclose('#columnmodal')">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /. WRAPPER  -->

</body>
</html>
